// Template structure
<template>
  <div class="row g-5 g-xl-10">
    <div class="col-12">
      <EngineerTableWidget @row-selected="handleRowSelected" />
    </div>
    <div class="col-12">
      <EngineerMonthlyChart v-if="selectedEngineer" :selected-engineer="selectedEngineer" />
    </div>
  </div>
</template>
<script setup>
// Import necessary components
import { ref } from 'vue';
import EngineerTableWidget from '@/components/biz/EngineerTableWidget.vue';
import EngineerMonthlyChart from '@/components/analysis/EngineerMonthlyChart.vue';

const selectedEngineer = ref(null);

const handleRowSelected = (row) => {
  selectedEngineer.value = row;
};
</script>
